<template>
  <div class="shouji">
     <div class="header" v-on:click="back">
       <img src="learning/jiantou.jpg" alt="">
       <b>我的手记</b>
     </div>  
       <HandNotes1 v-for="(v,i) in arr" :key="i" :title="v.title" :pro="v.pro"/>
  </div>
</template>

<script>
import HandNotes1 from'@/components/learningcomp/Contents/HandNotes1.vue'
export default {
 components:{
   HandNotes1
 },
 methods:{
   back(){
     this.$router.go(-1);
   }
 },
 data(){
   return{
     arr:[
       {title:"有奖征文  |  会写文章的程序员到底有多吃香？",pro:"2021-02-01"},
       {title:"中科院算法研究员带你学算法(3)-AI人说的正则化，到都是个啥？",pro:"2021-01-30"},
       {title:"浮沉十余年,我的那些经历与得失？",pro:"2021-05-31"},
       {title:"字节跳动 Java岗",pro:"2021-02-21"},
      {title:"'618夏日发光季'慕课省钱攻略",pro:"2021--6-07"},
     ]
   }
 }
}
</script>

<style scoped>
  .shouji{
    width: 100rem;

  }
  .shouji .header{
    width: 2.2rem;
    height: 0.49rem;
    /* background-color: rgb(116, 105, 105); */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.2rem;
   
  }
  .shouji .nav{
    /* background-color: rgb(25, 223, 35); */
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    margin-left: 0.2rem;
    margin-top: 0.1rem;
    flex-wrap: wrap;
      border-bottom:0.01rem solid grey ;
    
  }
   .nav ,ul{
    width: 3.34rem;
    height: 0.8rem;
  /* background-color: rgb(226, 144, 21); */
  margin: auto;
   margin-left: -0.2rem;
 /* border-bottom:0.01rem solid grey ; */
  }

</style>